<template>
	<view class="wrap">
		<view class="header">
			<view class="userinfo">
				<view class="image" @click="navTo('info')">
					<!-- <image :src="avatarUrl"></image> -->
					<u-avatar :text="firstName" fontSize="18" randomBgColor></u-avatar>
				</view>
				<view class="info" style="display: flex;justify-content: space-between;">
					<view>
						<view class="username">{{vuex_user.nickName}}</view>
					</view>
				</view>
			</view>
		</view>
		<view class="list">
			<view>
				<u-cell-group class="personal-list">
					
					<!-- <u-cell icon="question-circle" :iconStyle="{ color: '#ff8d06' }" title="常见问题"
						@click="navTo('problem')"></u-cell>
					<u-cell icon="kefu-ermai" :iconStyle="{ color: '#5f8dff' }" title="意见反馈" @click="navTo('comment')">
					</u-cell>
					<u-cell icon="map" :iconStyle="{ color: '#316ede' }" title="账号安全" @click="navTo('pwd')"></u-cell>
					<u-cell icon="order" :iconStyle="{ color: '#59bdf9' }" title="清除缓存" @click="navTo('clear-cache')">
					</u-cell>
					<u-cell icon="account" :iconStyle="{ color: '#27c0dc' }" title="关于我们" @click="navTo('about')">
					</u-cell>
					<u-cell icon="kefu-ermai" :iconStyle="{ color: '#ff8a00' }" title="联系客服" @click="navTo('service')">
					</u-cell> -->
					
					<u-cell icon="setting" :iconStyle="{ color: '#2767dc' }" title="系统设置" @click="navTo('setting')">
					</u-cell>
				</u-cell-group>
			</view>
		</view>
	</view>
</template>
<script>
	
	export default {
		data() {
			return {
				iconSize: 38
			};
		},
		computed: {
			firstName(){
				return this.vuex_user.nickName.charAt(0);
			},
			avatarUrl() {
				let url = this.vuex_config.baseUrl + this.vuex_user.avatar || '/static/aidex/tabbar/my_2.png';
				url = this.replaceAll(url, '\\', '/');
				return url + '?t=' + new Date().getTime();
			}
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			},
			logout() {
				this.$u.api.logout().then(res => {
					this.$u.toast(res.msg);
					if (res.code == '200' || res.code == '401') {
						let self = this;
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/sys/login/index'
							});
						}, 500);
					}
				});
			},
			upgrade() {
				// #ifdef APP-PLUS
				this.$u.api.upgradeCheck().then(res => {
					if (res.result == 'true') {
						uni.showModal({
							title: '提示',
							content: res.message + '是否下载更新？',
							showCancel: true,
							success: function(res2) {
								if (res2.confirm) {
									plus.runtime.openURL(res.data.apkUrl);
								}
							}
						});
					} else {
						this.$u.toast(res.message);
					}
				});
				// #endif
				// #ifndef APP-PLUS
				this.$u.toast('小程序端或H5端无需检查更新')
				// #endif
			}
		}
	};
</script>
<style lang="scss">
	@import 'index.scss';

	page {
		background-color: #f5f5f5;
	}

	.wrap .u-cell-box .u-cell_title {
		color: #202328;
	}

	.sign-in-images {
		width: 125rpx;
		height: 50rpx;
		position: absolute;
		right: 0;
		top: 5px;

		uni-image {
			width: 125rpx;
			height: 50rpx;
		}
	}
</style>
